<!--# 4.-->
<!--# 前端预测页功能约束-->
<!--# 1)    页面结构与布局-->
<!--# 页面标题为“Prediction”。-->
<!--# 页面主体包含一个 < div > 元素，内部有一个图片元素、一个标题（ < h1 > 标签）以及一个表单。-->
<!--# 2)    图片与标题展示-->
<!--# < img src = "{{ user_image }}" > 用于展示一张图片，其中 {{user_image}} 是一个占位符，-->
<!--# 在实际运行时由后端框架（如Flask、Django等）替换为实际的图片URL。-->
<!--# < h1 > i think that this is {{product}} < / h1 > 展示了一个预测结果，-->
<!--# 其中 {{product}} 是另一个占位符，会被替换为具体的预测产品名称。-->
<!--# 3)    用户交互与表单提交-->
<!--# 页面提供了一个表单，包含一个提交按钮，用于触发下一次预测。-->
<!--# 表单的 action 属性指向 http://127.0.0.1:6008/，
意味着当用户点击提交按钮时，表单数据将被发送到本机的6008端口进行处理。-->

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Prediction</title>
</head>
<body>
    <div>
        <img src="{{user_image}}" alt="">
        <h1>i think that this is {{product}}</h1>
        <form action="http://127.0.0.1:6008/" method="get" enctype="multipart/form-data">
            <input type="submit" value="继续提交">
        </form>
    </div>
</body>
</html>